/*
Offical Style for Unotice
(C) 2009-2010 Comsenz Inc.
*/

/* common */
*{ word-wrap:break-word; outline:none; }
body{ background:#FFF; text-align:center; }
body, td, input, textarea, select, button, table { color:#666; font:12px "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; }
body, ul, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6{ font-size:12px; }
em, cite, th{ font-style:normal; font-weight:normal; }
table{ border-collapse:collapse; }
.left { float:left; }
.right { float: right; }
.clear{ clear:both; overflow:hidden; height:1px; }
.footer{ background:#F2F9FD  none repeat scroll 0 0; border-top:1px solid #E6E6E6; color:#A1A0A0; height:22px; line-height:18px; 
	text-align:center;margin-top:10px; width:100%; }

/*link*/
a { color:#2366A8; text-decoration:none; }
	a:hover { text-decoration:underline; }
	a img{ border:none; }
a.current{ font:bold 14px Arial;background:#fff;color:#000;padding:3px 10px 3px 10px; 
	border-left:solid 1px #86B9D6;border-right:solid 2px #86B9D6;border-top:solid 1px #86B9D6;
	border-bottom:solid 3px #fff;cursor:default;text-decoration:none; }
a.current:link, a.current:visited,. a.current:hover, a.current:active{ color:#000; }

/*title*/
h3{ font-size:14px; color: #6774A8; }
	h3 .btn{ margin-left:10px; vertical-align:middle; }
h2 { margin: 0; line-height: 25px; font-size: 14px; color: #6774A8; 
	background: url(../images/action_icon_default.gif) no-repeat -5px 6px; padding-left: 15px; }

/* main header */
.mainhead{ text-align:left; height:69px; line-height:69px; background:url(../images/bg_repx.gif) repeat-x; }
	.logo{ float:left; text-indent:-9999px; width:321px; height:46px; background:url(../images/bg_repno.gif) no-repeat 29px 20px; }
	.uinfo{ float:right; display:inline; margin-right:40px; }
		.uinfo a{ color:#666; }
		.uinfo em{ margin-right:5px; font-weight:700; }
		.uinfo p{ float:left; }
		.othersoff, .otherson{ display:block; margin:19px 0 0 25px; width:151px; height:30px; line-height:30px; text-align:center; 
			background:url(../images/bg_repno.gif) no-repeat 0 -680px; outline:none; }
		.otherson{ background:url(../images/bg_repno.gif) no-repeat 0 -650px; }
			.othersoff:hover, .otherson:hover{ text-decoration:none; }
			
/*menu*/
#floatMenu{ width:60px; border:1px solid #aaa; border-bottom:2px solid #aaa; border-right:2px solid #aaa; position:absolute; 
	text-align:left; line-height:150%; background-color:#fff; display:none; padding:3px 3px 3px 5px; }
.dropdown_menu { background: url(../images/del_sprite_arrows.gif) no-repeat scroll right -238px; padding:0 16px 0 2px; }


/*main*/
.container{ padding:5px; text-align:left; background:url(../images/bg_repx_hb.gif) repeat-x; }
.note{ margin:5px 0; padding:10px; width:580px; border:1px solid #B5CFD9; background:#F5F9FD; }
	.i{ padding-left:22px; line-height:19px; background:url(../images/bg_repno.gif) no-repeat -275px -100px; }
		.i a{ text-decoration:underline; }
		.i a:hover{ text-decoration:none; }
.box { border-left: 1px solid #86B9D6; border-right: 1px solid #86B9D6; padding-top: 2px; }
/*maintable*/
.maintable td { border-right:1px #ccc dotted; line-height:20px; color:#222;}
.maintable { clear:both; width:100%; border-top:2px solid #B5CFD9; border-bottom:2px solid #B5CFD9; font-size:12px; }
	.maintable th{ line-height:200%; text-align:left; background:#E4F2FA ; border-bottom:1px #ccc solid; color:#036;padding-left:5px; border-right:1px #bbb dotted;}
	.maintable td{ padding:5px 0; padding-left:5px; border-bottom:1px #bbb dotted; } /*  background:url(/static/images/bg_repx.gif) repeat-x 0 bottom;*/
	.maintable td{ background:#F2F9FD url(../images/bg_repx.gif) repeat-x 0 bottom; }
	.maintable a{ text-decoration:underline; }
		.maintable a:hover{ text-decoration:none; }
	.maintable .txt{ width:90%; overflow:hidden; }
	.maintable .txtnobd{ width:90%; border:1px solid #FFF; text-align:right; overflow:hidden; cursor:pointer;}
	.maintable .bigarea { width: 500px; height: 80px; }
	.maintable tr {  }	/* background-color:#F2F9FD;*/
	.maintable .description { color:#666; background-color:#FFF; }  /* add bg the description line have not bgcolor background-color:#FFF;*/

tr.alt td { background:#F2F9FD;  /*add bgcolor to tr*/ } 
tr.over td { background:#ffffcc;  /*the mouseover color*/ }	

		
/*design width*/
.fixwidth_700{ width:700px; }
.fixwidth_600{ width:600px; }
.fixwidth_580{ width:580px; }
.fixwidth_500{ width:500px; }
		
		
/* list */
.dblist{ list-style:none; margin-top:5px; }
	.dblist li{ float:left; margin:0 0 0 -3px; *margin:0 0 5px -3px; width:25%; height:auto; *height:16px; }
.memlist{ list-style:none; margin:7px 0 25px; padding-top:2px; border-top:2px solid #B5CFD9; }
	.memlist li{ clear:both; overflow:hidden; zoom:1; padding:5px 10px; *padding:2px 0 5px 10px; line-height:150%; background:url(../images/bg_repx.gif) repeat-x 0 bottom; }
		.memlist em{ float:left; width:120px; }
			.memlist .memcont{ width:480px; }
.tiplist{ float:right; list-style:none; width:320px; }
	.tiplist li{ line-height:160%; }
.optlist{ clear:both; list-style:none; margin:5px 0; width:100%; }
	.optlist li{ line-height:180%; }

/* calendar */
.table1 th{ padding:5px; }
.table1 td{ padding:2px 5px; }
.calendarmenu{ position:absolute; padding:9px 0 0 9px; *padding:9px; border:1px solid #B5CFD9; background:#FFF; opacity:0.8; filter:Alpha(opacity=80); }

/*TAB*/
/*top tab*/
.tab3 { background:#fff; padding:3px 3px 2px 30px;margin-top:1px; border-top:solid 1px #fff;border-bottom:solid 1px #86B9D6; }
.tab3 a {color:#038;padding:4px 15px 2px 15px;font:normal 14px Arial; border:solid 1px #86B9D6;border-bottom:none;text-decoration:none; background-color:#F2F9FD; }
.tab3 a:hover{color:#038;text-decoration:none; background-color:#fff; }
.tab3 a.current{ font:bold 14px Arial;background:#E4F2FA;color:#000; padding:4px 15px 3px 15px;
	border-left:solid 1px #86B9D6; border-right:solid 2px #86B9D6;border-top:solid 1px #86B9D6;
	border-bottom:solid 1px #E4F2FA; cursor:default;text-decoration:none; }
.tab3 a.current:link, .tab3 a.current:visited, .tab3 a.current:hover, .tab3 a.current:active{color:#000; }
/*middle tab*/
.tab4 { background:#E4F2FA; padding:10px 3px 2px 20px;margin-top:0px; border-bottom:solid 1px #86B9D6;border-left:solid 1px #86B9D6;border-right:solid 1px #86B9D6; }
.tab4 a {color:#038;padding:4px 10px 2px 10px; font:normal 14px Arial; border:solid 1px #86B9D6;border-bottom:none;text-decoration:none; background-color:#EBF5FC; }
.tab4 a:hover{color:#038;text-decoration:none; background-color:#fff; }
.tab4 a.current{ font:bold 14px Arial;background:#F2F9FD;color:#000;padding:4px 10px 2px 10px;
	border-left:solid 1px #86B9D6;border-right:solid 2px #86B9D6;border-top:solid 1px #86B9D6;
	border-bottom:solid 3px #F2F9FD;cursor:default;text-decoration:none; }
.tab4 a.current:link, .tab4 a.current:visited, .tab4  a.current:hover, .tab4 a.current:active{ color:#000; }
/*common tab*/
.tab5 { background:#F2F9FD; padding:10px 3px 2px 10px;margin-top:0px; border-bottom:solid 1px #86B9D6; }
.tab5 a { color:#038; padding:4px 10px 2px 10px; font:normal 14px Arial; border:solid 1px #86B9D6; border-bottom:none; text-decoration:none; background-color:#E4F2FA; }
.tab5 a:hover{ color:#038; text-decoration:none; background-color:#fff; }
.tab5 a.current{ font:bold 14px Arial; background:#fff; color:#000; padding:4px 10px 2px 10px;
	border-left:solid 1px #86B9D6; border-right:solid 2px #86B9D6; border-top:solid 1px #86B9D6;
	border-bottom:solid 1px #fff; cursor:default; text-decoration:none; }
.tab5 a.current:link, .tab5 a.current:visited, .tab5 a.current:hover, .tab5 a.current:active{ color:#000; }

/*form*/
form { padding: 0; margin: 0; }
	input, textarea { padding: 3px 2px; background: #FDFFF5; }
	/*button*/
	.buttons { clear: both; padding: 2px; text-align: center; }
		.buttons input { padding: 2px 5px 2px; color: #6774A8; background: #F9F9F9; border: solid #CBCBCB; border-width: 1px 1px 2px; 
				cursor: pointer; width: 0; overflow: visible; }
		.buttons>input { width: auto; }
			.buttons input.submit { padding: 2px 5px 2px; background: #C3D9FF; border-color: #86B9D6; font-weight: bold; }
button.warningbtn { margin-left:5px;background: #EFEAD3; color: #808080; border: 1px solid; border-color: #FFF #A1A1A1 #A1A1A1 #FFF; height: 32px;}

textarea, .txt{ padding:2px; border:1px solid; border-color:#666 #eee #eee #666; }
input.txt:hover, input.txt:focus, textarea:hover, textarea:focus{ border-color:#09C; background:#F5F9FD; }
.radio{ margin-top:-1px; border:none; vertical-align:middle; }
.checkbox{ height:14px; border:none; vertical-align:middle; }
.btn{ margin:3px 0; padding:2px 5px; *padding:4px 5px 1px; border-color:#ddd #666 #666 #ddd; background:#DDD; color:#000; cursor:pointer; }
.sgbtn{ margin-left:20px; padding:3px 7px; *padding:4px 7px 2px; border:1px solid #B5CFD9; background:#F2F9FD; color:#666; font-size:12px; font-weight:400; }
	.sgbtn:hover{ text-decoration:underline; }
.bigarea{ margin-left:5px; width:230px; height:120px; }

input.submit{ padding:2px 5px 2px; *padding:5px 5px 2px; color:#6774A8; background:#C3D9FF; border:solid #86B9D6; border-width:1px 1px 2px; cursor:pointer; width:auto; overflow:visible; font-weight:bold; }


/* pages */
.tdpage{ text-align:left; }
.pagination{ clear:both; margin:10px 0; }
	.pagination em, .pagination a, .pagination strong{ text-decoration:none; margin-left:5px; padding:2px 5px; border:1px solid #E5E5E5; }
		.pagination a:hover{ text-decoration:none; border:1px solid #09C; background:#09C; color:#FFF; }
	.pagination strong{ border:none; font-weight:700; }








